<extend name="Base/common" />

  <block name="style">
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/personCenter/personCenter.css">
  <script src="__PUBLIC__/Home/js/personCenter/jquery-2.1.3.min.js" charset="utf-8"></script>
  <style>
    *,a{
      font-family: "黑体";
    }
  </style>
  </block>

  <block name="body">
  <div style="height:60px;width:100%"></div>
  <div style="height:40px;width:100%">
  </div>
  <div id="mainbody">
    <div id="show" style="display:none">

    </div>
      <div id="topmain">
        <span style="display:block;margin-left:20px;"><a href="#">返回&nbsp;</a>|&nbsp;<a href="#">首页&nbsp;</a>/&nbsp;<a href="#">我的账户</a></span>
      </div>
      <div id="mybody">
          <!-- 通过jQuery进行菜单折叠-->
          <div style="float:left;width:222px;margin-top: 30px;">
            <div class="help" id="menuleft">
                <span id="myaccount">我的账户</span>
                <div class="cssDiv">
                  <a href="javascript:;" class="myinformation"><span>个人信息</span><span class="myicon"></span></a>
                  <p style="display:none;padding:0 0 10px 15px;">
                    <a href="{:U('personCenter/personIndex',array('user_id'=>$user_id))}" class="mydisplay" target="mainweb">我的账号面板</a>
                    <a href="{:U('personCenter/personInfo',array('user_id'=>$user_id))}" class="mydisplay"  target="mainweb">我的个人信息</a>
                    <a href="{:U('personCenter/personAddr',array('user_id'=>$user_id))}" class="mydisplay" target="mainweb">我的配送地址簿</a>
                    <a href="{:U('personCenter/personInte',array('user_id'=>$user_id))}" class="mydisplay" target="mainweb">我的积分</a>
                  </p>
                </div>
                <div class="cssDiv">
                  <a href="javascript:;" class="myinformation"><span>订单信息</span><span class="myicon"></span></a>
                  <p style="display:none;padding:0 0 10px 15px;">
                    <a href="{:U('personCenter/personOrder',array('user_id'=>$user_id))}" class="mydisplay" target="mainweb">我的订单</a>
                    <a href="{:U('personCenter/personReturnList',array('user_id'=>$user_id))}" class="mydisplay" target="mainweb">我的退单</a>
                  </p>
                </div>
            </div>
            <!-- 折叠栏的下部分，购物指南 -->
            <div id="menushop">
                <p id="guide">购物指南</p>
                <div class="">
                  <a href="#" class="mydisplay">购物须知</a>
                  <a href="#" class="mydisplay">关于本店</a>
                  <a href="#" class="mydisplay">购物流程</a>
                  <a href="#" class="mydisplay">关于订单</a>
                  <a href="#" class="mydisplay">物流配送</a>
                  <a href="#" class="mydisplay">签收验货</a>
                  <a href="#" class="mydisplay">我的运费</a>
                  <a href="#" class="mydisplay">退货服务</a>
                  <a href="#" class="mydisplay">物流跟踪</a>
                </div>
            </div>
          </div>

          <!-- 右侧显示栏 -->
          <div name="main" id="mymain">
              <iframe src="{:U('personCenter/personIndex',array('user_id'=>$user_id))}" name="mainweb" style="width:710px;border:none;overflow:hidden" id="mainweb"></iframe>
          </div>
      </div>
      <div style="clear:both">
      </div>
  </div>

  <div style="padding-bottom:50px">

  </div>
</block>
<block name="script">

<script type="text/javascript">
  $('document').ready(function(){
    $('.help .myinformation').click(function(){
        $(this).next('p').slideToggle("fast").siblings("p:visible").slideUp("fast");
    });
  });
  //用回调函数来获得其引入页面的宽高
  function back(){
     var mheight=$('#show').html();
     var myheight=mheight+'px';
     $("iframe").css("height",myheight);
  }

</script>
</block>


<block name="footer">
    <!-- 尾部style 可以改为模板引入方式-->
    <style media="screen">
    .f{
        width:100%;
        height:55px;
        background:black;
    }

    .f-wrap{
        width:300px;
        margin:0 auto;
        padding-top:15px;
        float:left;
    }

    .footContry{
        width:140px;
        padding:20px 0;
        float:left;
        margin-left:200px;
    }

    .Contry-icon{
        width:17px;
        height:15px;
        background:url(__PUBLIC__/Home/images/footer/common_sprite.png) no-repeat -15px 0;
        display:inline-block;
        vertical-align:middle;
    }

    .footContry a{
        color:#363738;
        text-decoration:none;
        font-size:13px;
        font-family:微软雅黑;
        font-weight:bold;
    }
    .weibo-icon{
        width:27px;
        height:24px;
        background:url(__PUBLIC__/Home/images/footer/common_sprite.png) no-repeat -60px 0;
        cursor:pointer;
        display:inline-block;
    }

    .weibo-icon:hover{
        width:27px;
        height:24px;
        background:url(__PUBLIC__/Home/images/footer/common_sprite.png) no-repeat -60px -24px;
    }

    .weixin-icon{
        width:27px;
        height:24px;
        background:url(__PUBLIC__/Home/images/footer/common_sprite.png) no-repeat -31px 0;
        cursor:pointer;
        display:inline-block;
    }

    .weixin-icon:hover{
        width:27px;
        height:24px;
        background:url(__PUBLIC__/Home/images/footer/common_sprite.png) no-repeat -31px -24px;
        cursor:pointer;
    }
    .footCopyRight{
        float:right;
        margin-right:200px;
    }


    .f .copyright-ul li{
        list-style:none;
        float:left;
        margin-right:15px;
        color:#363738;
        font-size:12px;
        font-family:微软雅黑;
        height:40px;
        line-height:40px;
    }

    .f .copyright-ul li a{
        text-decoration:none;
        color:#363738;
    }

    .f .copyright-ul li a:hover{
        color:gray;
    }
    </style>
    <div class="f">
        <div class="footContry">
            <div class="Contry-icon"></div>
            <a href="#">中国</a>
        </div>
        <div class="f-wrap">
            <div class="weibo-icon"></div>
            <div class="weixin-icon"></div>
        </div>

        <div class="footCopyRight">
            <ul class="copyright-ul">
                <li><a href="#">货物所有权转移</a></li>
                <li><a href="#">法律声明</a></li>
                <li><a href="#">隐私条款</a></li>
                <li>苏ICP备14048805号-1</li>
                <li>© 2016 adidas</li>
            </ul>
        </div>
    </div>
</block>
